/**
 * Theme B
 *
 * (Blue)
 **/
@mixin theme-b ($interactive: false) {
	@include linear-gradient(#5e9ac4, #396c9e);
	color: #fafafa;
	text-shadow: 0 -1px 1px $shadow-color-dark;
	border-color: #145072;

	@if $interactive {
		cursor: pointer;

		&:hover {
			@include linear-gradient(#71afd3, #4b88b6);
			color: #fafafa;
			border-color: #00516e;
		}

		&:active {
			@include linear-gradient(#3a6c9f, #4e89c5);
			color: #fafafa;
			border-color: #225377;
		}

		&.selected {
			@include linear-gradient(#3a6c9f, #4e89c5);
			color: #fafafa;
			border-color: #145072;
		}
	}

	a {
		color: #fafafa;
	}
}
